{% extends "base.html" %}{% load i18n %}
{% block title %}{% if person %}{{ person.display_name }}{% else %}{% translate "Add team member" %}{% endif %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% if person %}{{ person.display_name }}{% else %}{% translate "Add team member" %}{% endif %}</h1>
    {% if person %}{% if person.is_supervisor %}<p>{% translate "Signs in as" %} <span class="num">{{ person.username }}</span>{% if person.get_full_name %} {% translate "or with their two names" %}{% endif %}</p>{% else %}<p>{% blocktranslate trimmed with names=person.get_full_name %}Signs in with their two names: {{ names }}{% endblocktranslate %}</p>{% endif %}{% else %}<p>{% translate "They will sign in with their two names. The CRM makes a starting password for you to give them in person; they choose their own the first time they sign in." %}</p>{% endif %}
  </div>
</div>

<form method="post" class="form" novalidate>
  {% csrf_token %}
  {% if form.non_field_errors %}<div class="form-errors">{{ form.non_field_errors|join:" " }}</div>{% endif %}
  <div class="panel">
    <div class="form-grid">
      {% include "_field.html" with field=form.first_name %}
      {% include "_field.html" with field=form.last_name %}
      {% include "_field.html" with field=form.phone %}
      {% include "_field.html" with field=form.alt_phone %}
      {% include "_field.html" with field=form.role %}
      {% include "_field.html" with field=form.language %}
      {% if person %}{% include "_field.html" with field=form.is_active wide=True %}{% endif %}
      {% if form.can_plan_shifts %}{% include "_field.html" with field=form.can_plan_shifts wide=True %}{% endif %}
    </div>
  </div>
  <div class="actions">
    <button class="btn btn-primary" type="submit">{% if person %}{% translate "Save changes" %}{% else %}{% translate "Add team member" %}{% endif %}</button>
    <a class="btn btn-quiet" href="{% url 'team_list' %}">{% translate "Cancel" %}</a>
  </div>
</form>

{% if person %}
<section class="panel cred" aria-labelledby="cred-h" style="margin-top:32px;max-width:760px">
  <div class="panel-head"><h2 id="cred-h">{% translate "Sign-in details" %}</h2></div>
  <ul class="rows cred-facts">
    {% if person.is_supervisor %}
    <li><span class="grow">{% translate "Sign-in name" %}</span><span class="num">{{ person.username }}</span></li>
    {% if person.get_full_name %}<li><span class="grow">{% translate "Two names also work" %}</span><span>{{ person.get_full_name }}</span></li>{% endif %}
    {% else %}
    <li><span class="grow">{% translate "Signs in with" %}</span><span>{% blocktranslate trimmed with names=person.get_full_name %}Their two names: {{ names }}{% endblocktranslate %}</span></li>
    {% endif %}
    <li><span class="grow">{% translate "Last signed in" %}</span><span>{% if person.last_login %}{{ person.last_login|date:"j M Y, H:i" }}{% else %}{% translate "Never" %}{% endif %}</span></li>
    <li><span class="grow">{% translate "Signed in now on" %}</span><span>{% blocktranslate trimmed count n=devices %}{{ n }} device{% plural %}{{ n }} devices{% endblocktranslate %}</span></li>
    {% if not person.is_active %}<li><span class="grow">{% translate "Can sign in" %}</span><span class="warn-text">{% translate "No, sign-in is turned off" %}</span></li>{% endif %}
    {% if person.must_change_password %}<li><span class="grow">{% translate "Password" %}</span><span>{% translate "Must choose a new one at next sign-in" %}</span></li>{% endif %}
  </ul>
  {% if blocked_until %}
  <div class="danger-note" style="margin-top:14px">
    <strong>{% blocktranslate trimmed with time=blocked_until|date:"H:i" %}Sign-in blocked after wrong passwords until {{ time }}{% endblocktranslate %}</strong>
    {% if user.is_superuser %}{% translate "Unblock it if you know it was them, or set a new password below." %}{% else %}{% translate "An administrator can unblock it, or set a new password below." %}{% endif %}
  </div>
  {% endif %}
  {% if user.is_superuser %}
  <div class="actions" style="margin-top:14px">
    {% if blocked_until %}<form method="post">{% csrf_token %}<button class="btn" type="submit" name="action" value="unblock">{% translate "Unblock sign-in" %}</button></form>{% endif %}
    {% if devices %}<form method="post">{% csrf_token %}<button class="btn" type="submit" name="action" value="sign_out">{% if own %}{% translate "Sign out my other devices" %}{% else %}{% translate "Sign out of all devices" %}{% endif %}</button></form>{% endif %}
  </div>
  {% if devices %}<p class="small muted" style="margin-top:8px">{% translate "Use this when a phone or computer that was signed in is lost, sold or shared." %}</p>{% endif %}
  {% endif %}
</section>

<div class="{% if name_form %}split-even {% endif %}cred-forms" style="margin-top:20px;max-width:760px">
  {% if name_form %}
  <form method="post" class="form" novalidate>
    {% csrf_token %}
    <div class="panel">
      <div class="panel-head"><h2>{% translate "Change sign-in name" %}</h2></div>
      {% include "_field.html" with field=name_form.username %}
      <div class="actions" style="margin-top:14px"><button class="btn" type="submit" name="action" value="sign_in_name">{% translate "Save sign-in name" %}</button></div>
    </div>
  </form>
  {% endif %}
  <form method="post" class="form" novalidate>
    {% csrf_token %}
    <div class="panel">
      <div class="panel-head"><h2>{% translate "Set a new password" %}</h2></div>
      <p class="muted small">{% blocktranslate trimmed with name=person.first_name|default:person.username %}Use this when {{ name }} forgets their password.{% endblocktranslate %}</p>
      <button class="btn btn-primary" type="submit" name="action" value="new_password">{% translate "Make a new starting password" %}</button>
      <p class="muted small" style="margin:8px 0 14px">{% translate "The CRM makes one and shows it to you once. They must choose their own when they next sign in. Or type one yourself:" %}</p>
      {% include "_field.html" with field=pw_form.new_password %}
      {% if user.is_superuser and not own %}<div style="margin-top:12px">{% include "_field.html" with field=pw_form.keep %}</div>{% endif %}
      <div class="actions" style="margin-top:14px"><button class="btn" type="submit" name="action" value="set_password">{% translate "Set new password" %}</button></div>
    </div>
  </form>
</div>

{% if user.is_super_user and not own %}
<section class="panel danger-zone" aria-labelledby="del-h" style="margin-top:20px;max-width:760px">
  <div class="panel-head"><h2 id="del-h">{% translate "Delete this person" %}</h2></div>
  <p class="small muted">{% translate "Removes their account for good, for example one made by mistake. If they left the team, turn off Can sign in instead, so their name stays on their past work." %}</p>
  <a class="btn btn-danger" href="{% url 'team_delete' person.pk %}">{% blocktranslate trimmed with name=person.display_name %}Delete {{ name }}…{% endblocktranslate %}</a>
</section>
{% endif %}
{% endif %}
{% endblock %}